<template>
  <div class="about">
  <baidu-map class="map" :center="{lng: 123.239568, lat: 41.501159}" :zoom="13" :scroll-wheel-zoom="true" mapType="BMAP_SATELLITE_MAP">
    <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
    <bm-marker  
      :position="{lng: 123.208694, lat: 41.511133}"
      :dragging="false" animation="BMAP_ANIMATION_BOUNCE">
      <bm-label content="S盘" :labelStyle="{color: 'red', fontSize : '11px'}" 
      :offset="{width: -2, height: 27}"/>
    </bm-marker>
    <bm-marker  
      :position="{lng: 123.213810, lat: 41.532536}"
      :dragging="false" animation="BMAP_ANIMATION_BOUNCE">
      <bm-label content="R盘" :labelStyle="{color: 'red', fontSize : '11px'}" 
      :offset="{width: -2, height: 27}"/>
    </bm-marker>
    <bm-marker  
      :position="{lng: 123.239568, lat: 41.501159}"
      :dragging="false" animation="BMAP_ANIMATION_BOUNCE">
      <bm-label content="T盘" :labelStyle="{color: 'red', fontSize : '11px'}" 
      :offset="{width: 3, height: 27}"/>
    </bm-marker>
    <bm-marker  
      :position="{lng: 123.225734, lat: 41.491298}"
      :dragging="false" animation="BMAP_ANIMATION_BOUNCE">
      <bm-label content="U盘" :labelStyle="{color: 'red', fontSize : '11px'}" 
      :offset="{width: -2, height: 27}"/>
    </bm-marker>
    <bm-marker  
      :position="{lng: 123.258073, lat: 41.525818}"
      :dragging="false" animation="BMAP_ANIMATION_BOUNCE">
      <bm-label content="W盘" :labelStyle="{color: 'red', fontSize : '11px'}" 
      :offset="{width: -2, height: 27}"/>
    </bm-marker>
    <bm-marker  
      :position="{lng: 123.206654113, lat: 41.4751484406}"
      :dragging="false" animation="BMAP_ANIMATION_BOUNCE">
      <bm-label content="V盘" :labelStyle="{color: 'red', fontSize : '11px'}" 
      :offset="{width: -2, height: 27}"/>
    </bm-marker>
    <bm-marker  
      :position="{lng: 123.255968535, lat: 41.5130317248}"
      :dragging="false" animation="BMAP_ANIMATION_BOUNCE">
      <bm-label content="X盘" :labelStyle="{color: 'red', fontSize : '11px'}" 
      :offset="{width: -2, height: 27}"/>
    </bm-marker>
    <bm-marker  
      :position="{lng: 123.245306526, lat: 41.5120780445}"
      :dragging="false" animation="BMAP_ANIMATION_BOUNCE">
      <bm-label content="Y盘" :labelStyle="{color: 'red', fontSize : '11px'}" 
      :offset="{width: -2, height: 27}"/>
    </bm-marker>
    <bm-marker  
      :position="{lng: 123.237806398, lat: 41.4998245308}"
      :dragging="false" animation="BMAP_ANIMATION_BOUNCE">
      <bm-label content="Z盘" :labelStyle="{color: 'red', fontSize : '11px'}" 
      :offset="{width: -2, height: 27}"/>
    </bm-marker>
  </baidu-map>
  </div>
</template>

<script>
  export default {
    name: 'About',
    data(){
      return{
        // pos:[{
        //   id:'1',
        //   weidu:[{
        //     lng:'123.208694',
        //     lat:'41.511133'
        //   }],
        //   content:'蒿子屯'
        // },{
        //   id:'2',
        //   weidu:[{
        //     lng:'123.213810',
        //     lat:'41.532536'
        //   }],
        //   content:'李大人家'
        // }]
      }
    },
    methods:{

    }
  }
</script>

<style scoped>
.map{
  width: 100%;
  height: 380px;
}

</style>